import { Col, TimePicker, Row, DataSet } from 'choerodon-ui/pro';
import React, { useMemo } from 'react';
import timePickerDs from './dateDataSet';

const datePickerFormate: React.FC = (): React.ReactElement => {
  const ds: DataSet = useMemo(() => new DataSet(timePickerDs()), []);

  return (
    <>
      <Row gutter={12}>
        <Col span={3}>
          <TimePicker dataSet={ds} name="time" />
        </Col>
        <Col span={3}>
          <TimePicker dataSet={ds} name="time2" />
        </Col>
      </Row>
      <Row gutter={12}>
        <Col span={3}>
          <TimePicker dataSet={ds} name="time3" />
        </Col>
        <Col span={3}>
          <TimePicker dataSet={ds} name="time4" />
        </Col>
      </Row>
    </>
  );
};

export default datePickerFormate;
